<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="model.*" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page import="java.util.List"%>
<title>即刻论坛评论页</title>
<head>
<meta http-equiv="pragma" content="no-cache"/> 
<meta http-equiv="cache-control" content="no-cache"/> 
<meta http-equiv="expires" content="0"/>  
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style>


table {
	width: 80%;
	margin: 0 0 8px 0;
	border: 1px solid #2fae85;
	background-color: white;
}

.reply {
	width: 80%;
	margin: 0 0 8px 0;
	border: 1px solid #2fae85;
}

table .user_info {
	margin: 0 auto;
	border-right: 1px solid #2fae85;
	padding: 10px;
	/* padding: 10px 0px 10px 26px; */
	/* text-align: left; */
	background-color: white;
}

table .user_info img{
	width:100%;
	border-radius: 50%;
}

table .data {
	border-bottom: 1px solid #2fae85;
	padding: 0 10px;
}

div.post_body {
	width: 758px;
}

.csdn-bbs .post_body {
	font-size: 14px;
	word-wrap: break-word;
	overflow: hidden;
	padding: 10px;
	min-height: 170px;
}

table .control {
	/* height: 28px; */
	background: white;
	border-top: 1px solid #2fae85;
	padding: 0 10px;
	line-height: 28px;
}

.detail_title h1 {
	font-weight: bold;	
}

.detail_title h1 {
	float: left;
	font-size: 14px;
	line-height: 24px;
	line-height: 24 px\9;
	width: 730px;
	word-break: break-all;
	word-wrap: break-word;
	margin: 5px 0 ;	
}

.detail_tbox {
	width: 80%;
	height: 35px;
	background-color: #2fae85;
}
.end {
   width: 80%;   
   margin:0 auto;
}
.username{
	padding:10px 0 ;
	text-align: center;
}
.post_info{
	background-color: white;
}
</style>
<script src="/bbs/js/jquery-1.7.min.js"></script>

<link href="css/style.css" media="screen, projection" rel="stylesheet" type="text/css" />
</head>
<body>
	<!-- Header Start -->
	<div id="header" class="head">
		<div class="content-block">
			<div class="logo" id="hd_logo">
				<img src="photos/logo.png">
			</div>
			<div id="menu" class="menu-bar menu clearfix">
				<a href="IndexServlet" style = "color:#faf40f">首页</a> 
				<a href="AnnServlet?action=reading">热门</a>
				<a href="AnnServlet?action=music">趣闻</a> 
				<a href="AnnServlet?action=film">神回复</a>
			</div>
			<c:if test="${ empty logoner }">
			<div class="userbar clearfix">
				<div class="logout">
					<a href="pages/logon.jsp" class="fn-signin-required logintop"
						id='logintop' rel="nofollow">登录/</a> <a
						href="pages/register.jsp" class="fn-signin-required logintop"
						id='logintop' rel="nofollow">注册</a>
				</div>
			</div>
			</c:if>
			<c:if test="${ not empty logoner }">
				<div class="userbar clearfix">
					<div class="logout">
						<a href="HostServlet?userId=${ logoner.getUserId() }" class="fn-signin-required logintop" id='logintop'
							rel="nofollow">${ logoner.getUserName() }</a>
						&nbsp;<a href="UserServlet?action=logout">退出</a>
					</div>
				</div>
			</c:if>
		</div>
	</div>
	<br></br>
	<div align="center">
		<div class="detail_tbox">
			  <div class="detail_title">
				<h1>
					<span class="red"> [推荐] </span> <span class="title text_overflow">${AnnAccountInfo.getAnnTopic()}</span>
					<span> [问题点数：100分] </span>
				</h1>
			</div> 
		</div>
		<table border="0" cellspacing="0" cellpadding="0" id="post-400646265" class="post topic " >
			<colgroup>
				<col width="180">
					<col>
			</colgroup>
			<tbody>
				<tr>
					<td rowspan="2" valign="top" class="wirter">
						<dl class="user_info ">
							<dt class="user_head" >
								<a href="HostServlet?userId=${UserInfo.getUserId()}" rel="nofollow"
									target="_blank"><img alt="nena2749" class="avatar"
									src="${UserInfo.getUserShow()}"/></a>
								
							</dt>

<!-- 							<dd id="31142153_bbs-btn-close-attention" class="bbs-user-att"
								style="display: none;">
								<form action="/users/31142153/cancel_attention"
									class="button_to" data-remote="true" method="get">
									<div>
										<input class="bbs-btn-blue25 bbs-btn-close-attention"
											type="submit" value="取消关注"/>
									</div>
								</form>
							</dd> -->
<!-- 							<dd id="31142153_bbs-btn-attention" class="bbs-user-att">
								<form action="/users/31142153/attention" class="button_to"
									data-remote="true" method="get">
									<div>
										<input class="bbs-btn-blue25 bbs-btn-attention" type="submit"
											value="关注"/>
									</div>
								</form>
							</dd> -->

							<dd class="username">
								<a href="HostServlet?userId=${UserInfo.getUserId()}" rel="nofollow"
									target="_blank" title="nena2749">${UserInfo.getUserName()}</a>
							</dd>
						</dl>

					</td>
					<td valign="top" class="post_info topic" data-username="nena2749"
						data-floor="">
						<div class="data">
							<strong class="fr"> 楼主 </strong> 
							<span class="time"> 发表于：${AnnAccountInfo.getAnnTime()} </span>
						</div>
						<div class="post_body">
							&nbsp;&nbsp;&nbsp;&nbsp;${AnnAccountInfo.getAnnBody()}
						</div>
					</td>
				</tr>
				<tr>
					<td valign="bottom">
						<div class="control">
							<div class="fr">
								<a href="/posts/400646265/digg?topic_id=391873811"class="red digg" data-method="put" data-remote="true" rel="nofollow">
								对我有用[0]</a>
								<a href="/posts/400646265/bury?topic_id=391873811" class="bury" data-method="put" data-remote="true" rel="nofollow">
								丢个板砖[0]</a>
								<a href="#quote" class="quote" rel='nofollow'>引用</a> | 
								<a href="/posts/400646265/report?topic_id=391873811" class="fancybox red report_spam" rel="nofollow">
								举报 </a> | 
								<span class="manage-toggle">
									<div class="manage" style="display: none;">
									<a href="/topics/391873811/edit" class="fancybox" rel="nofollow">编辑</a> 
									<a href="/topics/391873811/destroy_edit" class="fancybox" rel="nofollow">删除</a>
									</div> 管理
								</span>
							</div>

						</div>
					</td>
				</tr>
			</tbody>
		</table>
		<table border="0" cellspacing="0" cellpadding="0" id="post-400646324" class="post topic " data-post-id="400646324" data-is-topic-locked="false">
			<c:forEach items="${userList}" var="userInfo" varStatus="status">
			<colgroup>
				<col width="180">
					<col>
			</colgroup>
			<tbody>
				<tr>
					<td rowspan="2" valign="top" class="wirter">
						<dl class="user_info">
							<dt class="user_head" data-username="lianshaohua">
								<a href="HostServlet?userId=${userInfo.getUserId()}" rel="nofollow"
									target="_blank"><img alt="lianshaohua" class="avatar"
									src="${userInfo.getUserShow()}"/></a>
								
							</dt>

<!-- 							<dd id="621990_bbs-btn-close-attention" class="bbs-user-att"
								style="display: none;">
								<form action="/users/621990/cancel_attention" class="button_to"
									 method="get">
									<div>
										<input class="bbs-btn-blue25 bbs-btn-close-attention"
											type="submit" value="取消关注"/>
									</div>
								</form>
							</dd>
							<dd id="621990_bbs-btn-attention" class="bbs-user-att">
								<form action="/users/621990/attention" class="button_to"
									 method="get">
									<div>
										<input class="bbs-btn-blue25 bbs-btn-attention" type="submit"
											value="关注"/>
									</div>
								</form>
							</dd> -->

							<dd class="username">
								<a href="HostServlet?userId=${userInfo.getUserId()}" rel="nofollow"
									target="_blank" title="lianshaohua">${userInfo.getUserName()}</a>
							</dd>
					</td>
					<td valign="top" class="post_info star" data-username="lianshaohua"
						data-floor="1">
						<div class="data">
							<span class="fr"> <a href="#post-400646324">#${(i+1)}</a>&nbsp;
							&nbsp;&nbsp;&nbsp;得分：0
							</span> <span class="time">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 回复于： ${restoreList[status.index].getRestoreTime()} </span>
						</div>
						<div class="post_body">
							&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${restoreList[status.index].getRestoreBody()}</div>
					</td>
				</tr>
				
				<tr>
					<td valign="bottom">
						<div class="control">
							<div class="fr">
								<a href="/posts/400646324/digg?topic_id=391873811"
									class="red digg" data-method="put" data-remote="true"
									rel="nofollow">对我有用[0]</a> 
									<a href="/posts/400646324/bury?topic_id=391873811" class="bury" data-method="put" data-remote="true" rel="nofollow">
									丢个板砖[0]</a>
								<a href="#quote" class="quote" rel="nofollow">引用</a> | <a
									href="/posts/400646324/report?topic_id=391873811"
									class="fancybox red report_spam" rel="nofollow">举报 </a> | <span
									class="manage-toggle">
									<div class="manage" style="display: none;">
										<a href="/posts/400646324/edit" class="fancybox"
											rel="nofollow">编辑</a> <a href="/posts/400646324/destroy_edit"
											class="fancybox" rel="nofollow">删除</a>
									</div> 管理
								</span>
							</div>
						</div>
					</td>
				</tr>
				</c:forEach>
			</tbody>
		</table>
	</div>
	<div align="center">
		<c:if test="${empty logoner}">
			<div class="logout">
				<a href="pages/logon.jsp?ID=<%=request.getAttribute("ID") %>"
					class="d-ib va-m p-m ptb-s b-g fs-s c-w br-s bs-l fn-signin-required"
					rel="nofollow">登录</a> 后才能发表评论
			</div>
		</c:if>
		<c:if test="${not empty logoner }">
			<br />
			<br />
			<div class="row-footer">
			<form action="ReplyServlet?annid=${AnnAccountInfo.getAnnID()}" method="post" name="post">	
			    <textarea tabindex="20" rows="8" cols="125" id="replytext"
					name="replytext"></textarea>	
					<br />
				<span class="bn-flat cancel-review"> <input id="cancel_review"
					value="取消" type="reset" class="btn" name="review_cancel" />
				</span> 			
				<span class="bn-flat cancel-review"> <input
					id="publish" value="发表" type="submit" class="btn"
					/>
				</span>
			</form>
			</div>
		</c:if>
	</div>
	<br/>
	<div class="end">
	  <jsp:include page="end.jsp"></jsp:include>
	</div>
</body>
</html>
